<template>
    <!-- 面包屑导航 -->
    <el-breadcrumb :separator-icon="ArrowRight">
        <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>{{ title1 }}</el-breadcrumb-item>
        <el-breadcrumb-item>{{ title2 }}</el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script setup lang="ts">
import { ArrowRight } from '@element-plus/icons-vue'

const props = defineProps({
    title1: {
        type: String,
        default: '一级标题'
    },
    title2: {
        type: String,
        default: '二级标题'
    }
})

</script>

<style scoped></style>